<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8" />
		<title>艾佳天诚-专注于通讯工程.</title>
		<meta name="keywords" content=""/>
		<meta name="description" content=""/>
		<meta name="viewport" content="width=device-width"/>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/animation.css"/>
		<link rel="stylesheet" type="text/css" href="css/function.css"/>
		<link rel="stylesheet" type="text/css" href="css/media.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/floor.css"/>
		<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="nav">
			<div class="nav-menu-head">
				<div class="nav-logo">
					<a href="."><img src="img/ike.png"/> </a>
				</div>
				<div class="nav-bar">
					<li><a href=".">首页 <i class="iconfont">󰊝</i></a></li>
					<li><a href="article/job.html">招聘<i class="iconfont"> &#xe634;</i></a></li>
					<li><a href="article/dynamic.html">资讯<i class="iconfont"> &#xf00ae;</i></a></li>
					<li><a href="article/photos.html">相册<i class="iconfont"> &#xe60b;</i></a></li>
					<li><a href="article/contact.html" style="border: none;">联系 <i class="iconfont"></i></a></li>
					<li><a href="article/about.html">关于<i class="iconfont"></i></a></li>
				</div>
			</div>
		</div>
		
		<div class="banner">
			<div class="banner-bg" style="background:#2B2D47 url(img/czym_ddd.png) center no-repeat"></div>
			<div class="banner-bg" style="display: none; background:#DD283E url(img/banner_bbb.png) center no-repeat"></div>
			<div class="banner-center" style="position: relative;top:0px;left:0px;">
				<div class="banner-text" style="display: none; width:600px;position: absolute;right:250px;top:0px;z-index: 100;">
					<li style="color: #ffffff;font-size: 46px;position:absolute;left:140px;">ACHIEVE FOR IKE</li>
					<li style="color: #F1F1F2;font-size: 10pt;position:absolute;top:50px;left:230px;">艾佳,给通讯行业带来价值的企业</li>
					<li id="txt_banner_move" style="color: #FFB400;font-size: 44px;margin-top:100px;position: absolute;left:90px;">艾佳,世界通讯践行,探索者</li>
				</div>
			</div>
			<div class="banner-img" style="display: none; width:500px;margin:0 auto;position: relative;padding-top:390px;">
				<img src="img/ba.png" id="move_img_banner" style="margin-left: 100px;"/>
			</div>
		</div>
		
		<div class="split-box">
			<div style="width: 400px;margin: auto;margin-top:20px;">
				<img style="margin-left: 100px;" src="img/main_a.jpg"/>
				<p style="color: #666666;font-weight: 700; text-indent: 134px; font-size: 20px;font-family: '微软雅黑';">宗旨理念</p>
				<p style="color: #8C8C8C;margin-top:10px;">技艺是无价之宝,知识是智慧的明灯,我们愿意培养更多的人才</p>
			</div>
			<div class="server-box" style="margin-top: 50px;">
				<ul>
					<li>
						<div>
							<img src="img/hw_417656.jpg"/>
							<span>
								<h3>艾佳人才观</h3>
							</span>
							<span>
								我们需要的人才是以德、才、能为标准.
							</span>
						</div>
					</li>
					<li style="margin-left:40px;">
						<div>
							<img src="img/hw_u_397328.jpg"/>
							<span>
								<h3>艾佳经营观</h3>
							</span>
							<span>
								以人为本,改革全新,严格管理,服务领先,植根客户融入行业,共同发展.
							</span>
						</div>
					</li>
					<li style="margin-left: 40px;">
						<div>
							<img src="img/hw_u_397325.jpg"/>
							<span>
								<h3>艾佳质量观</h3>
							</span>
							<span>
								质量是公司的品格和自尊.
							</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="split-box">
			<div class="cooperate-show">
				<div class="img">
					<img src="img/main_c.jpg"/>
				</div>
				<div class="img-text">
					<ul class="one">
						<li style="margin-left: -50px;">案例展示</li>
					</ul>
					<ul class="two" style="margin-top:10px;">
						<li style="margin-left: -50px;">通讯领域从业多年经验!</li>
						<li style="margin-left: -50px;margin-top:4px;">我们知道更多的通讯的优化与调试,满足所有通讯网络的需要,并有着打拼多年的经验。</li>
					</ul>
				</div>
				<div class="cooperate-list">
					<ul>
						<li style="margin-left: 20px;" onmouseenter="cooperate_enter(this);" onmouseleave="cooperate_leave(this);">
							<img width="240" height="150" src="img/coo/100862g.png"/>
							<p class="txt">中国移动2G项目</p>
							<p class="bg"></p>
						</li>
						<li onmouseenter="cooperate_enter(this);" onmouseleave="cooperate_leave(this);">
							<img width="240" height="150" src="img/coo/100863g.png"/>
							<p class="txt">中国移动3G项目</p>
							<p class="bg"></p>
						</li>
						<li onmouseenter="cooperate_enter(this);" onmouseleave="cooperate_leave(this);">
							<img width="240" height="150" src="img/coo/100864g.png"/>
							<p class="txt">中国移动4G项目</p>
							<p class="bg"></p>
						</li>
						<li onmouseenter="cooperate_enter(this);" onmouseleave="cooperate_leave(this);">
							<img width="240" height="150" src="img/coo/100002g.png"/>
							<p class="txt">中国联通2G项目</p>
							<p class="bg"></p>
						</li>
					</ul>
					<ul>
						<li style="margin-left: 20px;" onmouseenter="cooperate_enter(this);" onmouseleave="cooperate_leave(this);">
							<img width="240" height="150" src="img/coo/100003g.png"/>
							<p class="txt">中国联通3G项目</p>
							<p class="bg"></p>
						</li>
						<li onmouseenter="cooperate_enter(this);" onmouseleave="cooperate_leave(this);">
							<img width="240" height="150" src="img/coo/100004g.png"/>
							<p class="txt">中国联通4G项目</p>
							<p class="bg"></p>
						</li>
						<li onmouseenter="cooperate_enter(this);" onmouseleave="cooperate_leave(this);">
							<img width="240" height="150" src="img/coo/tixin.png"/>
							<p class="txt">中国电信3G项目</p>
							<p class="bg"></p>
						</li>
						<li onmouseenter="cooperate_enter(this);" onmouseleave="cooperate_leave(this);">
							<img width="240" height="150" src="img/coo/tixin4g.png"/>
							<p class="txt">中国电信4G项目</p>
							<p class="bg"></p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<div class="footer-box">
			<div class="footer">
				<div class="footer-t-b">
					
				</div>
				<div class="footer-content">
					<div class="footer-left">
						&copy; 2015. All Rights Reserved.
					</div>
					<div class="footer-right">
						<a href="#">艾佳天诚</a>
						<a href="article/job.html">招贤纳士</a>
						<a href="article/contact.html">联系我们</a>
					</div>
				</div>
			</div>
		</div>
		
	</body>
	<script type="text/javascript">
		$(function(){
			$(".banner-text").css('opacity',0).show().animate({
				'opacity':1,
				'top':120
			},1000);
			$('.banner-img').fadeIn(1000);
			
			$('.server-box').animate({
				'margin-top':20
			},1000,function(){
				$('.banner-bg').eq(0).animate({'opacity':0},3000,function(){
					$(this).hide();
				});
				$('.banner-bg').eq(1).css('opacity',0).show().animate({
					'opacity':1
				},3000);
				$("#move_img_banner").animate({
					'opacity':0
				},1000,function(){
					$(this).attr({
						'src':'img/whi.png'
					}).show().animate({
						'opacity':1
					},2000);
				});
			});
			
			setInterval(function(){
				opaci();
			},6000);
			
		});
		var img_ra_index = 0;		
		function opaci(){
			if(img_ra_index>1){
				img_ra_index=0;
			}
			if(img_ra_index==1){
				$('.banner-bg').eq(0).animate({'opacity':0},3000,function(){
					$(this).hide();
				});
				$('.banner-bg').eq(1).css('opacity',0).show().animate({
					'opacity':1
				},3000);
				$("#move_img_banner").animate({
					'opacity':0
				},1000,function(){
					$(this).attr({
						'src':'img/whi.png'
					}).show().animate({
						'opacity':1
					},2000);
				});
			}else{
				$('.banner-bg').eq(1).animate({'opacity':0},3000,function(){
					$(this).hide();
				});
				$('.banner-bg').eq(0).css('opacity',0).show().animate({
					'opacity':1
				},3000);
				$("#move_img_banner").animate({
					'opacity':0
				},1000,function(){
					$(this).attr({
						'src':'img/ba.png'
					}).show().animate({
						'opacity':1
					},2000);
				});
			}
			$("#txt_banner_move").animate({
				'left':-1000
			},1000,function(){
				$(this).css({
					'top':-500,
					'left':90
				});
			});
			$("#txt_banner_move").animate({
				'top':0
			},2000);
			if(img_ra_index==1){
				$("#txt_banner_move").text("艾佳,世界通讯践行,探索者");
			}else{
				$("#txt_banner_move").text("艾佳,培养通讯人才的企业.");
			}
			img_ra_index++;
			
		}
		
		function cooperate_enter(self){
			$(self).find('p').each(function(){
				$(this).dequeue();
			}).animate({
				'bottom':0
			});
		}
		
		function cooperate_leave(self){
			$(self).find('p').each(function(){
				$(this).dequeue();
			}).animate({
				'bottom':-60
			});
		}
	</script>
</html>
